<!DOCTYPE html>
<html>
<head>
    <title>Flask Static Directory</title>
    <!--<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->
    <script src="{{ url_for('static', filename='jquery/jquery-3.7.1.min.js') }}" crossorigin="anonymous"></script>
</head>
<body>
{% for item in items %}
<a href="{{ item.url }}">{{ item.name }}</a>  <a href="#" class="delete-link" data-delete-url="{{ item.url }}">删除</a> <br/>
{% endfor %}


<script>
$(document).ready(function() {
    $('.delete-link').on('click', function(e) {
        e.preventDefault(); // 阻止默认的链接点击行为

        var deleteUrl = $(this).data('delete-url'); // 获取data-delete-url属性的值

        // 发起DELETE请求
        $.ajax({
            url: deleteUrl,
            type: 'DELETE',
            success: function(response) {
                console.log('Deletion successful', response);
                // 在这里处理成功的情况，比如显示消息
                // 然后刷新页面
                // location.reload();
            },
            error: function(error) {
                console.error('Deletion failed', error);
                // 在这里处理失败的情况，比如显示错误信息
                // 但无论如何都刷新页面
                // location.reload();
            }
        });
    });
});
</script>


</body>
</html>